<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">

    <title>Examples</title>
    <style type="text/css">
        .demo{
            width:100px;
            background-color: red;
        }
    </style>
</head>
<body>
<div class="demo" id="demo">怎么显示两行或三行文字，然后多出的部分省略号代替?</div>
<script>
    // js无法直接通过class获取对象，必须自己写一个方法,这样效率会非常低，原生js里最好用id获取，
    // 直接用id获取domo对象
    var oBox=document.getElementById('demo');
    // slice() 方法可从已有的数组中返回选定的元素。
    // 您可使用负值从数组的尾部选取元素。
    // 如果 end 未被规定，那么 slice() 方法会选取从 start 到数组结尾的所有元素。
    // 此处需要根据需求自行修改slice()的值，以达到要显示的内容
    var demoHtml = oBox.innerHTML.slice(0,10)+'...';
    // 填充至指定位置
    oBox.innerHTML = demoHtml;
</script>
</body>
</html>